<template>
  <div style="width:100%;position:relative">
    <img src="../assets/img/bg.jpg" style="width:100%;">
    <h1 style="width:40%;margin:0 auto;position:absolute;left:30%;top:50%;font-size:xx-large">欢迎使用Foxcore后台管理系统</h1>
  
      
  </div>
</template>

<script>
import {
		USERINFO,MODIFYMOBILE,SMSMODIFYMOBILE,MODIFYPASS
	} from '@/utils/api';
import { Message } from "element-ui";
const TIME_COUNT = 60; // 倒计时的时间
export default {
  data () {
    return {
      show:true,
      count:'',
      changepass:false,
      form:{
        employeeNo:'',
        account:'',
        mobile:'',
        ruleName:'',
        oldPassword:'',
        pass:'',
        newpass:'',
      },
      userInfo:{}
    }
  },
  computed: {
    //显示个人信息
    homeShowcard () {
      return this.$store.state.app.homeShowcard;
    },
    //修改密码
    changepass2 () {
      return this.$store.state.app.changepass2;
    },
   
    
  },
 
  methods: {
  

    //显示个人信息
    showCard() {
       this.changepass = false
       this.$store.commit("SHOWCARD");
    },
    //隐藏修改密码
    showpass2(){
       this.changepass = false
       this.$store.commit("CHANGEPASS2");
    },
    //显示修改手机号
    showpass(){
      this.$store.commit("SHOWCARD_HIDE");//隐藏个人信息
      this.changepass = !this.changepass
    },

  },
 
}
</script>

<style>
  .el-card.userInfo{
    position: fixed;
    top: 20%;
    width: 30%;
    left: 35%;
   
  }
  .el-card.userInfo2{
    position: fixed;
    top: 20%;
    width: 30%;
    left: 35%;
  }
  .userInfo .el-form-item{
    margin-bottom:10px;
  }
  .userInfo .el-form-item__content{
    margin-left:0;
  }
  .userInfo .el-card__body,.userInfo2 .el-card__body{
      border-bottom: 1px solid #EBEEF5;
      padding-bottom: 0px;
      padding: 20px 25px;
  }
  .userInfo .el-button--primary{
      margin: 30px 0px 10px 0px
  }
  
  .el-card.userInfo2 .sendcode{
   margin: 0;
   height: 30px;
   margin-top: 5px;
   margin-right: 46px;
  }
  .userinfo2btn{
    margin: 30px 10px 10px 0px
  }
 
</style>